import { Suspense, lazy } from 'react';
import { Outlet } from 'react-router-dom';

import { CircleLoading } from '@/components/loading';

const SupplierHome = lazy(() => import(`@/pages/supplier`));

const supplier = {
  path: 'supplier',
  element: (
    <Suspense fallback={<CircleLoading />}>
      <Outlet />
    </Suspense>
  ),
  children: [
    {
      index: true,
      element: <SupplierHome />,
    },
  ],
};
export default supplier;
